<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>锁仓记录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<link rel="stylesheet" href="/zc/css/style.css" />
<link rel="stylesheet" href="/zc/css/index.css" />
<link rel="stylesheet" href="/zc/css/login.css" />
<link rel="stylesheet" href="/zc/css/center_wddd.css" />
<link href="/zc/css/footer.css" rel="stylesheet">
<script src="/zc/js/flexible.js"></script>
<script src="/zc/js/flexible_css.js"></script>
<script src="/zc/js/template.js"></script>
<script src="/zc/js/jquery.min.js"></script>
<script src="/zc/js/unslider.min.js"></script>
<script src="/zc/js/foot_bar.js"></script>
<style>
    .bg {
        width: 100%;
        margin-top: .4rem;
    }

    .bg table {
        width: 100%;
    }

    .bg table tr th {
        text-align: center;
        font-size: .4rem;
        font-weight: bold;
        line-height: 1rem;
        color: #333;
        border-bottom: 2px solid #f1f1f1;
    }

    .bg table tr td {
        text-align: center;
        font-size: .35rem;
        line-height: 1rem;
        color: #666;
        border-bottom: 1px solid #f1f1f1;
    }

    .bg table tr td p {
        line-height: 1.2;
    }
    .sc_block{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        margin-left: 4%;
        margin-right: 4%;
        height: 1.6rem;
        align-items: center;
        border-bottom: 1px solid #F1F1F1;
        font-size:15px;
        color: #333333;
    }
</style>

<body>
    <div class="header">
        <span>锁仓记录</span>
        <a href="javascript:history.go(-1)" class="return"></a>

    </div>
    <div style="height: 1rem;"></div>

    <div class="bg">

    </div>
    <script type="text/html" id="tpl">
			<div class="sc_list">
                <div class="sc_block">
                    <div style="width:30%;text-align:left">
                        <p>年月日时间</p>
                    </div>
                    <div style="width:45%;text-align:center">
                        <p>节点数量</p>
                    </div>
                    <div style="width:25%;text-align:right">
                        <p style="color:#666666;">释放/天</p>
                    </div>
                </div>
                {{each info v}}
                <div class="sc_block">
                    <div style="width:30%;text-align:left">
                        <p>{{v.n}}年</p>
                        <p>{{v.d}}</p>
                    </div>
                    <div style="width:45%;text-align:center">
                        <!-- <p>节点账户</p> -->
                        <p style="color:#666666;font-size:.346667rem">{{v.summoney}}</p>
                    </div>
                    <div style="width:25%;text-align:right">
                        <p style="color:#666666;"><span> +{{v.daymoney}}</span></p>
                    </div>
                </div>
                {{/each}}
            </div>
		</script>
    <script>
        $(function () {
            var status = true;
            var param = {
                page:1,
                limit:10,
            }
            function loadList(){
                $.ajax({
                    type: "POST",
                    url: "/index/asset/lockbounslog",
                    data: {},
                    dataType: "jsonp",
                    success: function (res) {
                        console.log(res)
                        if (res.code == 0) {
                            $('.bg').append(template("tpl", res));
                            if(!res.info || res.info.length<param.limit){
                                status = false;
                            } 
                        }
                    }
                });
            }
            loadList();
             // 下拉加载
            $(window).off("scroll").on("scroll", function(e){
                var totalheight = parseFloat($(this).height()) + parseFloat($(this).scrollTop());
                if (($(document).height()<=totalheight && status)){
                    status = true;
                    param.page++;
                    loadList();
                }
            });
            
        });
    </script>
</body>




</html>